<style lang=sass>
@import "../../assets/sass/message/loading.scss";
</style>

<template>
<div class="vue-loading" v-show="visible">
	<div class="vue-loading-header">{{{icon}}}</div>
	<div class="vue-loading-body">{{{content}}}</div>
</div>
<Mask v-show="visible" style="background-color:rgba(255,255,255,0);"></Mask>
</template>


<script>
import Mask from "../mask/mask"

export default {
  	props:{
		icon:String,
		content:String,
		visible:Boolean
	},
	compiled(){
		if(!this.icon){
			this.icon='<i class="vue-loading-icon"></i>';
		}
		if(!this.content){
			this.content="正在加载";
		}
		if(!this.visible){
			this.visible=false;
		}
	},
	data(){
		return{
			
		};
	},
	components:{
		Mask
	}
}
</script>


